<template>
  <div class="center-svg">
    <svg
      id="dongxiao"
      data-name="dongxiao"
      xmlns="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink"
      width="787.781"
      height="652"
      viewBox="0 0 787.781 652"
    >
      <defs>
        <linearGradient
          id="linear-gradient"
          x1="177.891"
          y1="126.344"
          x2="177.891"
          y2="51.375"
          gradientUnits="userSpaceOnUse"
        >
          <stop offset="0" stop-color="#030000" />
          <stop offset="1" stop-color="#fff" />
        </linearGradient>
        <linearGradient
          id="linear-gradient-2"
          x1="177.891"
          y1="110.344"
          x2="177.891"
          y2="44.719"
          xlink:href="#linear-gradient"
        />
        <linearGradient
          id="linear-gradient-3"
          x1="177.969"
          y1="90.719"
          x2="177.969"
          y2="-0.625"
          gradientUnits="userSpaceOnUse"
        >
          <stop offset="0" stop-color="#26bbff" />
          <stop offset="1" stop-color="#26bbff" stop-opacity="0" />
        </linearGradient>
        <linearGradient
          id="linear-gradient-4"
          x1="177.969"
          y1="91.219"
          x2="177.969"
          y2="46.875"
          gradientUnits="userSpaceOnUse"
        >
          <stop offset="-0.055" stop-color="#26bbff" />
          <stop offset="1.044" stop-color="#26bbff" stop-opacity="0" />
          <stop offset="1.055" stop-color="#26bbff" />
        </linearGradient>
        <linearGradient
          id="linear-gradient-5"
          x1="178.109"
          y1="87.563"
          x2="178.109"
          y2="38"
          gradientUnits="userSpaceOnUse"
        >
          <stop offset="0" stop-color="#fff" />
          <stop offset="1" stop-color="#fff" stop-opacity="0" />
        </linearGradient>
        <linearGradient
          id="linear-gradient-6"
          x1="718.89"
          y1="414.344"
          x2="718.89"
          y2="339.375"
          xlink:href="#linear-gradient"
        />
        <linearGradient
          id="linear-gradient-7"
          x1="718.89"
          y1="398.344"
          x2="718.89"
          y2="332.719"
          xlink:href="#linear-gradient"
        />
        <linearGradient
          id="linear-gradient-8"
          x1="718.969"
          y1="378.719"
          x2="718.969"
          y2="287.375"
          xlink:href="#linear-gradient-3"
        />
        <linearGradient
          id="linear-gradient-9"
          x1="718.968"
          y1="379.219"
          x2="718.968"
          y2="334.875"
          xlink:href="#linear-gradient-4"
        />
        <linearGradient
          id="linear-gradient-10"
          x1="719.109"
          y1="375.562"
          x2="719.109"
          y2="326"
          xlink:href="#linear-gradient-5"
        />
        <linearGradient
          id="linear-gradient-11"
          x1="67.891"
          y1="325.344"
          x2="67.891"
          y2="250.375"
          xlink:href="#linear-gradient"
        />
        <linearGradient
          id="linear-gradient-12"
          x1="67.891"
          y1="309.344"
          x2="67.891"
          y2="243.719"
          xlink:href="#linear-gradient"
        />
        <linearGradient
          id="linear-gradient-13"
          x1="67.969"
          y1="289.719"
          x2="67.969"
          y2="198.375"
          xlink:href="#linear-gradient-3"
        />
        <linearGradient
          id="linear-gradient-14"
          x1="67.969"
          y1="290.219"
          x2="67.969"
          y2="245.875"
          xlink:href="#linear-gradient-4"
        />
        <linearGradient
          id="linear-gradient-15"
          x1="68.109"
          y1="286.562"
          x2="68.109"
          y2="237"
          xlink:href="#linear-gradient-5"
        />
        <linearGradient
          id="linear-gradient-16"
          x1="159.891"
          y1="596.344"
          x2="159.891"
          y2="521.375"
          xlink:href="#linear-gradient"
        />
        <linearGradient
          id="linear-gradient-17"
          x1="159.891"
          y1="580.344"
          x2="159.891"
          y2="514.719"
          xlink:href="#linear-gradient"
        />
        <linearGradient
          id="linear-gradient-18"
          x1="159.969"
          y1="560.719"
          x2="159.969"
          y2="469.375"
          xlink:href="#linear-gradient-3"
        />
        <linearGradient
          id="linear-gradient-19"
          x1="159.969"
          y1="561.219"
          x2="159.969"
          y2="516.875"
          xlink:href="#linear-gradient-4"
        />
        <linearGradient
          id="linear-gradient-20"
          x1="160.109"
          y1="557.562"
          x2="160.109"
          y2="508"
          xlink:href="#linear-gradient-5"
        />
        <linearGradient
          id="linear-gradient-21"
          x1="581.89"
          y1="623.344"
          x2="581.89"
          y2="548.375"
          xlink:href="#linear-gradient"
        />
        <linearGradient
          id="linear-gradient-22"
          x1="581.89"
          y1="607.344"
          x2="581.89"
          y2="541.719"
          xlink:href="#linear-gradient"
        />
        <linearGradient
          id="linear-gradient-23"
          x1="581.969"
          y1="587.719"
          x2="581.969"
          y2="496.375"
          xlink:href="#linear-gradient-3"
        />
        <linearGradient
          id="linear-gradient-24"
          x1="581.968"
          y1="588.219"
          x2="581.968"
          y2="543.875"
          xlink:href="#linear-gradient-4"
        />
        <linearGradient
          id="linear-gradient-25"
          x1="582.109"
          y1="584.562"
          x2="582.109"
          y2="535"
          xlink:href="#linear-gradient-5"
        />
        <linearGradient
          id="linear-gradient-26"
          x1="633.89"
          y1="145.344"
          x2="633.89"
          y2="70.375"
          xlink:href="#linear-gradient"
        />
        <linearGradient
          id="linear-gradient-27"
          x1="633.89"
          y1="129.344"
          x2="633.89"
          y2="63.719"
          xlink:href="#linear-gradient"
        />
        <linearGradient
          id="linear-gradient-28"
          x1="633.969"
          y1="109.719"
          x2="633.969"
          y2="18.375"
          xlink:href="#linear-gradient-3"
        />
        <linearGradient
          id="linear-gradient-29"
          x1="633.968"
          y1="110.219"
          x2="633.968"
          y2="65.875"
          xlink:href="#linear-gradient-4"
        />
        <linearGradient
          id="linear-gradient-30"
          x1="634.109"
          y1="106.562"
          x2="634.109"
          y2="57"
          xlink:href="#linear-gradient-5"
        />
        <linearGradient
          id="linear-gradient-31"
          x1="273.219"
          y1="315.25"
          x2="524.25"
          y2="443.156"
          gradientUnits="userSpaceOnUse"
        >
          <stop offset="0" stop-color="#fbab00" />
          <stop offset="0.342" stop-color="#f98100" />
          <stop offset="0.75" stop-color="#f86d00" stop-opacity="0" />
          <stop offset="1" stop-color="#f86000" />
        </linearGradient>
        <linearGradient
          id="linear-gradient-32"
          x1="565.875"
          y1="379.485"
          x2="235.062"
          y2="379.485"
          gradientUnits="userSpaceOnUse"
        >
          <stop offset="0" stop-color="#1b90ff" />
          <stop offset="0.745" stop-color="#0752ff" stop-opacity="0" />
          <stop offset="1" stop-color="#003dff" />
        </linearGradient>
        <linearGradient
          id="linear-gradient-33"
          x1="628.344"
          y1="445.411"
          x2="169.406"
          y2="278.371"
          gradientUnits="userSpaceOnUse"
        >
          <stop offset="0" stop-color="#fbab00" />
          <stop offset="0.342" stop-color="#f98100" />
          <stop offset="1" stop-color="#f86000" stop-opacity="0" />
        </linearGradient>
        <filter
          id="filter"
          x="291"
          y="214"
          width="61"
          height="60"
          filterUnits="userSpaceOnUse"
        >
          <feGaussianBlur result="blur" stdDeviation="6.667" in="SourceAlpha" />
          <feComposite result="composite" />
          <feComposite result="composite-2" />
          <feComposite result="composite-3" />
          <feFlood result="flood" flood-color="#1783ff" flood-opacity="0.9" />
          <feComposite result="composite-4" operator="in" in2="composite-3" />
          <feBlend result="blend" in2="SourceGraphic" />
          <feBlend result="blend-2" in="SourceGraphic" />
        </filter>
        <!-- 蓝色滤镜效果 -->
        <filter id="blue-filter-2" filterUnits="userSpaceOnUse">
          <feGaussianBlur result="blur" stdDeviation="6.667" in="SourceAlpha" />
          <feComposite result="composite" />
          <feComposite result="composite-2" />
          <feComposite result="composite-3" />
          <feFlood result="flood" flood-color="#1783ff" flood-opacity="0.9" />
          <feComposite result="composite-4" operator="in" in2="composite-3" />
          <feBlend result="blend" in2="SourceGraphic" />
          <feBlend result="blend-2" in="SourceGraphic" />
        </filter>
        <!-- 橙色滤镜效果 -->
        <filter id="orange-filter-2" filterUnits="userSpaceOnUse">
          <feGaussianBlur result="blur" stdDeviation="6.667" in="SourceAlpha" />
          <feComposite result="composite" />
          <feComposite result="composite-2" />
          <feComposite result="composite-3" />
          <feFlood result="flood" flood-color="#f97a00" flood-opacity="0.9" />
          <feComposite result="composite-4" operator="in" in2="composite-3" />
          <feBlend result="blend" in2="SourceGraphic" />
          <feBlend result="blend-2" in="SourceGraphic" />
        </filter>

        <filter
          id="filter-3"
          x="126"
          y="296"
          width="61"
          height="61"
          filterUnits="userSpaceOnUse"
        >
          <feGaussianBlur result="blur" stdDeviation="6.667" in="SourceAlpha" />
          <feComposite result="composite" />
          <feComposite result="composite-2" />
          <feComposite result="composite-3" />
          <feFlood result="flood" flood-color="#1783ff" flood-opacity="0.9" />
          <feComposite result="composite-4" operator="in" in2="composite-3" />
          <feBlend result="blend" in2="SourceGraphic" />
          <feBlend result="blend-2" in="SourceGraphic" />
        </filter>
        <filter
          id="filter-4"
          x="255"
          y="269"
          width="61"
          height="61"
          filterUnits="userSpaceOnUse"
        >
          <feGaussianBlur result="blur" stdDeviation="6.667" in="SourceAlpha" />
          <feComposite result="composite" />
          <feComposite result="composite-2" />
          <feComposite result="composite-3" />
          <feFlood result="flood" flood-color="#1783ff" flood-opacity="0.9" />
          <feComposite result="composite-4" operator="in" in2="composite-3" />
          <feBlend result="blend" in2="SourceGraphic" />
          <feBlend result="blend-2" in="SourceGraphic" />
        </filter>
        <filter
          id="filter-5"
          x="226"
          y="510"
          width="60"
          height="61"
          filterUnits="userSpaceOnUse"
        >
          <feGaussianBlur result="blur" stdDeviation="6.667" in="SourceAlpha" />
          <feComposite result="composite" />
          <feComposite result="composite-2" />
          <feComposite result="composite-3" />
          <feFlood result="flood" flood-color="#1783ff" flood-opacity="0.9" />
          <feComposite result="composite-4" operator="in" in2="composite-3" />
          <feBlend result="blend" in2="SourceGraphic" />
          <feBlend result="blend-2" in="SourceGraphic" />
        </filter>
        <filter
          id="filter-6"
          x="256"
          y="452"
          width="60"
          height="60"
          filterUnits="userSpaceOnUse"
        >
          <feGaussianBlur result="blur" stdDeviation="6.667" in="SourceAlpha" />
          <feComposite result="composite" />
          <feComposite result="composite-2" />
          <feComposite result="composite-3" />
          <feFlood result="flood" flood-color="#1783ff" flood-opacity="0.9" />
          <feComposite result="composite-4" operator="in" in2="composite-3" />
          <feBlend result="blend" in2="SourceGraphic" />
          <feBlend result="blend-2" in="SourceGraphic" />
        </filter>
        <filter
          id="filter-7"
          x="257"
          y="407"
          width="61"
          height="61"
          filterUnits="userSpaceOnUse"
        >
          <feGaussianBlur result="blur" stdDeviation="6.667" in="SourceAlpha" />
          <feComposite result="composite" />
          <feComposite result="composite-2" />
          <feComposite result="composite-3" />
          <feFlood result="flood" flood-color="#1783ff" flood-opacity="0.9" />
          <feComposite result="composite-4" operator="in" in2="composite-3" />
          <feBlend result="blend" in2="SourceGraphic" />
          <feBlend result="blend-2" in="SourceGraphic" />
        </filter>
        <filter
          id="filter-8"
          x="247"
          y="83"
          width="59"
          height="59"
          filterUnits="userSpaceOnUse"
        >
          <feGaussianBlur result="blur" stdDeviation="6.667" in="SourceAlpha" />
          <feComposite result="composite" />
          <feComposite result="composite-2" />
          <feComposite result="composite-3" />
          <feFlood result="flood" flood-color="#1783ff" flood-opacity="0.9" />
          <feComposite result="composite-4" operator="in" in2="composite-3" />
          <feBlend result="blend" in2="SourceGraphic" />
          <feBlend result="blend-2" in="SourceGraphic" />
        </filter>
        <filter
          id="filter-9"
          x="262"
          y="122"
          width="60"
          height="59"
          filterUnits="userSpaceOnUse"
        >
          <feGaussianBlur result="blur" stdDeviation="6.667" in="SourceAlpha" />
          <feComposite result="composite" />
          <feComposite result="composite-2" />
          <feComposite result="composite-3" />
          <feFlood result="flood" flood-color="#1783ff" flood-opacity="0.9" />
          <feComposite result="composite-4" operator="in" in2="composite-3" />
          <feBlend result="blend" in2="SourceGraphic" />
          <feBlend result="blend-2" in="SourceGraphic" />
        </filter>
        <filter
          id="filter-10"
          x="278"
          y="199"
          width="59"
          height="60"
          filterUnits="userSpaceOnUse"
        >
          <feGaussianBlur result="blur" stdDeviation="6.667" in="SourceAlpha" />
          <feComposite result="composite" />
          <feComposite result="composite-2" />
          <feComposite result="composite-3" />
          <feFlood result="flood" flood-color="#1783ff" flood-opacity="0.9" />
          <feComposite result="composite-4" operator="in" in2="composite-3" />
          <feBlend result="blend" in2="SourceGraphic" />
          <feBlend result="blend-2" in="SourceGraphic" />
        </filter>
        <filter
          id="filter-11"
          x="112"
          y="294"
          width="59"
          height="59"
          filterUnits="userSpaceOnUse"
        >
          <feGaussianBlur result="blur" stdDeviation="6.667" in="SourceAlpha" />
          <feComposite result="composite" />
          <feComposite result="composite-2" />
          <feComposite result="composite-3" />
          <feFlood result="flood" flood-color="#1783ff" flood-opacity="0.9" />
          <feComposite result="composite-4" operator="in" in2="composite-3" />
          <feBlend result="blend" in2="SourceGraphic" />
          <feBlend result="blend-2" in="SourceGraphic" />
        </filter>
        <filter
          id="filter-12"
          x="206"
          y="274"
          width="59"
          height="59"
          filterUnits="userSpaceOnUse"
        >
          <feGaussianBlur result="blur" stdDeviation="6.667" in="SourceAlpha" />
          <feComposite result="composite" />
          <feComposite result="composite-2" />
          <feComposite result="composite-3" />
          <feFlood result="flood" flood-color="#1783ff" flood-opacity="0.9" />
          <feComposite result="composite-4" operator="in" in2="composite-3" />
          <feBlend result="blend" in2="SourceGraphic" />
          <feBlend result="blend-2" in="SourceGraphic" />
        </filter>
        <filter
          id="filter-13"
          x="255"
          y="436"
          width="59"
          height="60"
          filterUnits="userSpaceOnUse"
        >
          <feGaussianBlur result="blur" stdDeviation="6.667" in="SourceAlpha" />
          <feComposite result="composite" />
          <feComposite result="composite-2" />
          <feComposite result="composite-3" />
          <feFlood result="flood" flood-color="#1783ff" flood-opacity="0.9" />
          <feComposite result="composite-4" operator="in" in2="composite-3" />
          <feBlend result="blend" in2="SourceGraphic" />
          <feBlend result="blend-2" in="SourceGraphic" />
        </filter>
        <filter
          id="filter-14"
          x="238"
          y="500"
          width="59"
          height="59"
          filterUnits="userSpaceOnUse"
        >
          <feGaussianBlur result="blur" stdDeviation="6.667" in="SourceAlpha" />
          <feComposite result="composite" />
          <feComposite result="composite-2" />
          <feComposite result="composite-3" />
          <feFlood result="flood" flood-color="#1783ff" flood-opacity="0.9" />
          <feComposite result="composite-4" operator="in" in2="composite-3" />
          <feBlend result="blend" in2="SourceGraphic" />
          <feBlend result="blend-2" in="SourceGraphic" />
        </filter>
        <filter
          id="filter-15"
          x="279"
          y="364"
          width="59"
          height="59"
          filterUnits="userSpaceOnUse"
        >
          <feGaussianBlur result="blur" stdDeviation="6.667" in="SourceAlpha" />
          <feComposite result="composite" />
          <feComposite result="composite-2" />
          <feComposite result="composite-3" />
          <feFlood result="flood" flood-color="#1783ff" flood-opacity="0.9" />
          <feComposite result="composite-4" operator="in" in2="composite-3" />
          <feBlend result="blend" in2="SourceGraphic" />
          <feBlend result="blend-2" in="SourceGraphic" />
        </filter>
        <image
          id="image"
          width="23"
          height="23"
          xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAC1ElEQVRIiXWV227TQBCGv9k4rtM2QCtBy/EKIRBXiFvEPW/Dy8ETIHED1xRRoQp6oNCmbeKkiWN7kZ3ZMizB0mp9WH/77+w/s+JfP2PJJdrCZZ/9kt4vgyTRcwNwBuai5k2r+bev/we3oI5+62qfRMoroATm5j5cdQy3KhtgCqwAmfapTigGNgOm2jetiCeI4YnCesAa0Ne+p5MGeAObACMgN6GcmdX5JFKdqtoGuqHtxuLZryzGSqngCx0bGDbuEuBBeVC9rsBbwHbb+3oD71cXAmSGyAiRE0DftcDKhOwqLHFImjBsAlvAA7x/gLhtOsk6zjmqckZdDoDvIIluamFin4QNjpVnqvw63t9EuE/Sfcjm3U1uP+yQZnC67/nxdYPLUQq+BMk17rmG6zJYOcCdsZ5O4DfAbbfg568SnrxIyNaE/Z2Sj2967H7YYjYZIByDrOqqE+Oqq7CI8XcXfNbGuNvtc+dRh6cvE+49Xrilv+kY/iw43M2Yjvutk0TSGBwUxyku+Kb3Duk4sjXo9f98y1aF1WtC0nUGJlGJuIL7KI0rpLGbzKnmc86O4OdexbxY2Oz0sOJ4r2aaq99bawanLE3/AA87f4m4UeuKwy83+PC2x/BkRrYuHHyu2XlfMxkOETlDZKwumVsbxvBSwYvMEzkFf8B4kPHp3RYHOylJKuRnFflgRFV+Q9wxcK5OmSqjClUyMWGZ64BGydki5SWl9iWTiwHj82sgDvwUkQHifgBHwIlm66WKq2z6h0ITilGuluy0g0QmeH41W6kZWiAuVwEn2oa64mKZ8pC+hSoPG120P4qsg3T1fakqR6r4Qu+nuvrawu2GFsZOdrIVkxPhfQjh2JTe0p5MNiwBOotWkmu1DGW1Nps/Mw4rjR3/ghN5NLgnFKIm/iHhwiqtvy306jy18HB8hZ8blUHhsgM6iLHQvw7q+IC2P8Wn/9IT/r/vgd/SEURZ4bZ56gAAAABJRU5ErkJggg=="
        />
        <image
          id="image-2"
          width="15"
          height="15"
          xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABwklEQVQokVWTwW7TQBCGv911nJCW1qkKFU0RBw4ovdFz34IX4cgDIB4G8QrcOVUI9RRR2kglAkqVNg0QN95dNPZsMSuNvPbMP//MP2MTXz5Hj22Z07sBIuDVgpp8I1Og03sO9NQ6CpbgEvijz1VKlPGPSQD3gUKtrz4JXgAz4Ar4pUliptmFcR14CAwh7uL9FjF0sO431l0A50oS28yJtWiAjPDVPiHsYUyOr+YYc4KxEuOVtS4/ld1twPER3o/obx4wOizYfmwYf6iYHG8SQom1My3/WnAJnNc9ej8g+D32Dwe8eOVYKwxPDyzv3uww/bxL3tvAmCRmDUT7tk2PNufBE1grGiGHz2B9yxGqnmqURlhfoo6jwrolISz4chSYHHuWi4pP7+Hy/JYsvwFT1nFNfD3bqAIssO4ncMrJ0YC3r3fY2LZMxyXzizOyfIIxM533Ko1KFFyqEF+xro+vVpx+HBJDF5ddk3XPasXhBzAHbhM4bZAoOK3frbui0xtDdBhbYswl8A34rgtzxyxgeZHNkSNZZ1h7r7Vh4hPGGy277jv1nIbfriLttvgkQdrr/wSTk/4UCRTmu3G0/CmmBgL8BRqss25U0OPnAAAAAElFTkSuQmCC"
        />
      </defs>
      <g id="dongxiao1">
        <g id="icon">
          <path
            id="base_o"
            class="cls-1"
            d="M177.9,51.386c33.127,0,63.736,13.839,67.114,34,3.557,21.237-26.042,40.948-67.114,40.948s-70.671-19.711-67.113-40.948C114.162,65.225,144.771,51.386,177.9,51.386Z"
          />
          <path
            id="base_t"
            class="cls-2"
            d="M177.9,44.728c33.127,0,63.736,12.114,67.114,29.76,3.557,18.59-26.042,35.844-67.114,35.844s-70.671-17.254-67.113-35.844C114.162,56.842,144.771,44.728,177.9,44.728Z"
          />
          <path
            id="right_o"
            class="cls-3"
            d="M122.484-.626H233.455L208.447,90.7H147.491Z"
          />
          <path
            id="right_t"
            class="cls-4"
            d="M112.064,46.866H243.875l-35.428,44.36H147.491Z"
          />
          <path
            id="line"
            class="cls-5"
            d="M178.105,38c25.911,0,51.58,8.076,56.087,21.076,4.881,14.075-19.143,28.5-56.083,28.5s-60.966-14.426-56.087-28.5C126.527,46.072,152.194,38,178.105,38Z"
          />
          <image
            id="icon_star_guangzhou"
            x="121"
            y="-3"
            width="112"
            height="112"
            xlink:href="../assets/images/center/star.png"
          />
          <path
            id="base_o-2"
            data-name="base_o"
            class="cls-6"
            d="M718.9,339.386c33.127,0,63.736,13.839,67.114,34,3.557,21.237-26.042,40.948-67.114,40.948s-70.671-19.711-67.113-40.948C655.162,353.225,685.771,339.386,718.9,339.386Z"
          />
          <path
            id="base_t-2"
            data-name="base_t"
            class="cls-7"
            xlink
            d="M718.9,332.728c33.127,0,63.736,12.114,67.114,29.76,3.557,18.59-26.042,35.844-67.114,35.844s-70.671-17.254-67.113-35.844C655.162,344.842,685.771,332.728,718.9,332.728Z"
          />
          <path
            id="right_o-2"
            data-name="right_o"
            class="cls-8"
            d="M663.484,287.374H774.455L749.447,378.7H688.491Z"
          />
          <path
            id="right_t-2"
            data-name="right_t"
            class="cls-9"
            d="M653.064,334.866H784.875l-35.428,44.36H688.491Z"
          />
          <path
            id="line-2"
            data-name="line"
            class="cls-10"
            d="M719.105,326c25.911,0,51.58,8.076,56.087,21.076,4.881,14.075-19.143,28.5-56.083,28.5s-60.966-14.426-56.087-28.5C667.527,334.072,693.194,326,719.105,326Z"
          />
          <image
            id="icon_location_zhongshan"
            x="666"
            y="287"
            width="106"
            height="107"
            xlink:href="../assets/images/center/location.png"
          />
          <path
            id="base_o-3"
            data-name="base_o"
            class="cls-11"
            d="M67.9,250.386c33.127,0,63.736,13.839,67.114,34,3.557,21.237-26.042,40.948-67.114,40.948S-2.773,305.62.785,284.383C4.162,264.225,34.771,250.386,67.9,250.386Z"
          />
          <path
            id="base_t-3"
            data-name="base_t"
            class="cls-12"
            d="M67.9,243.728c33.127,0,63.736,12.114,67.114,29.76,3.557,18.59-26.042,35.844-67.114,35.844S-2.773,292.078.785,273.488C4.162,255.842,34.771,243.728,67.9,243.728Z"
          />
          <path
            id="right_o-3"
            data-name="right_o"
            class="cls-13"
            d="M12.484,198.374H123.455L98.447,289.7H37.491Z"
          />
          <path
            id="right_t-3"
            data-name="right_t"
            class="cls-14"
            d="M2.064,245.866H133.875l-35.428,44.36H37.491Z"
          />
          <path
            id="line-3"
            data-name="line"
            class="cls-15"
            d="M68.105,237c25.911,0,51.58,8.076,56.087,21.076,4.881,14.075-19.143,28.5-56.083,28.5s-60.966-14.426-56.088-28.5C16.527,245.072,42.194,237,68.105,237Z"
          />
          <image
            id="icon_pie_shenzhen"
            x="13"
            y="194"
            width="107"
            height="108"
            xlink:href="../assets/images/center/pie.png"
          />
          <path
            id="base_o-4"
            data-name="base_o"
            class="cls-16"
            d="M159.9,521.386c33.127,0,63.736,13.839,67.114,34,3.557,21.237-26.042,40.948-67.114,40.948S89.227,576.62,92.785,555.383C96.162,535.225,126.771,521.386,159.9,521.386Z"
          />
          <path
            id="base_t-4"
            data-name="base_t"
            class="cls-17"
            d="M159.9,514.728c33.127,0,63.736,12.114,67.114,29.76,3.557,18.59-26.042,35.844-67.114,35.844s-70.671-17.254-67.113-35.844C96.162,526.842,126.771,514.728,159.9,514.728Z"
          />
          <path
            id="right_o-4"
            data-name="right_o"
            class="cls-18"
            d="M104.484,469.374H215.455L190.447,560.7H129.491Z"
          />
          <path
            id="right_t-4"
            data-name="right_t"
            class="cls-19"
            d="M94.064,516.866H225.875l-35.428,44.36H129.491Z"
          />
          <path
            id="line-4"
            data-name="line"
            class="cls-20"
            d="M160.1,508c25.911,0,51.58,8.076,56.087,21.076,4.881,14.075-19.143,28.5-56.083,28.5s-60.966-14.426-56.088-28.5C108.527,516.072,134.194,508,160.1,508Z"
          />
          <image
            id="icon_earth_dongguan"
            x="106"
            y="460"
            width="111"
            height="112"
            xlink:href="data:img/png;base64,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"
          />
          <path
            id="base_o-5"
            data-name="base_o"
            class="cls-21"
            d="M581.9,548.386c33.127,0,63.736,13.839,67.114,34,3.557,21.237-26.042,40.948-67.114,40.948s-70.671-19.711-67.113-40.948C518.162,562.225,548.771,548.386,581.9,548.386Z"
          />
          <path
            id="base_t-5"
            data-name="base_t"
            class="cls-22"
            d="M581.9,541.728c33.127,0,63.736,12.114,67.114,29.76,3.557,18.59-26.042,35.844-67.114,35.844s-70.671-17.254-67.113-35.844C518.162,553.842,548.771,541.728,581.9,541.728Z"
          />
          <path
            id="right_o-5"
            data-name="right_o"
            class="cls-23"
            d="M526.484,496.374H637.455L612.447,587.7H551.491Z"
          />
          <path
            id="right_t-5"
            data-name="right_t"
            class="cls-24"
            d="M516.064,543.866H647.875l-35.428,44.36H551.491Z"
          />
          <path
            id="line-5"
            data-name="line"
            class="cls-25"
            d="M582.105,535c25.911,0,51.58,8.076,56.087,21.076,4.881,14.075-19.143,28.5-56.083,28.5s-60.966-14.426-56.087-28.5C530.527,543.072,556.194,535,582.105,535Z"
          />
          <image
            id="icon_hot_zhuhai"
            x="530"
            y="495"
            width="105"
            height="105"
            xlink:href="data:img/png;base64,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"
          />
          <path
            id="base_o-6"
            data-name="base_o"
            class="cls-26"
            d="M633.9,70.386c33.127,0,63.737,13.839,67.114,34,3.557,21.237-26.042,40.948-67.114,40.948s-70.671-19.711-67.113-40.948C570.162,84.225,600.771,70.386,633.9,70.386Z"
          />
          <path
            id="base_t-6"
            data-name="base_t"
            class="cls-27"
            d="M633.9,63.728c33.127,0,63.737,12.114,67.114,29.76,3.557,18.59-26.042,35.844-67.114,35.844s-70.671-17.254-67.113-35.844C570.162,75.842,600.771,63.728,633.9,63.728Z"
          />
          <path
            id="right_o-6"
            data-name="right_o"
            class="cls-28"
            d="M578.484,18.374H689.455L664.447,109.7H603.491Z"
          />
          <path
            id="right_t-6"
            data-name="right_t"
            class="cls-29"
            d="M568.064,65.866H699.875l-35.428,44.36H603.491Z"
          />
          <path
            id="line-6"
            data-name="line"
            class="cls-30"
            d="M634.105,57c25.911,0,51.58,8.076,56.087,21.076,4.881,14.075-19.143,28.5-56.083,28.5s-60.966-14.426-56.087-28.5C582.527,65.072,608.194,57,634.105,57Z"
          />
          <image
            id="icon_home_foshan"
            x="582"
            y="17"
            width="103"
            height="103"
            xlink:href="data:img/png;base64,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"
          />
        </g>
        <g id="circle">
          <path
            id="white"
            class="cls-31"
            d="M414.057,225.629c96.638,0,183.089,41.729,194.7,100.322C621.763,391.613,533.734,450,417.167,450c-116.623,0-206.208-58.413-195.026-124.044C232.116,267.4,317.339,225.629,414.057,225.629Z"
          />
          <path
            id="orange_2"
            class="cls-32"
            d="M397.666,306.9c63.817,0,120.7,28.166,126.181,67.065,5.811,41.258-50.026,77.528-124.026,77.528-74.041,0-130.915-36.294-126.336-77.528C277.8,335.086,333.819,306.9,397.666,306.9Z"
          />
          <path
            id="blue"
            class="cls-33"
            d="M399.082,284.02c82.745,0,156.818,36,165.9,86.375,10,55.486-64.543,104.544-163.1,104.544-98.607,0-174.539-49.087-166.169-104.544C243.317,320.056,316.275,284.02,399.082,284.02Z"
          />
          <path
            id="orange_1"
            class="cls-34"
            d="M396.909,228.952c111.911,0,212.629,47.606,229.169,115.472,19.27,79.068-85.494,150.425-225.217,150.425-139.785,0-246.6-71.391-229.688-150.425C185.681,276.624,284.878,228.952,396.909,228.952Z"
          />
          <image
            id="light_o_3"
            x="520"
            y="324"
            width="72"
            height="92"
            xlink:href="../assets/images/center/light_0_3.png"
          />
          <image
            id="light_o_2"
            x="141"
            y="261"
            width="99"
            height="137"
            xlink:href="../assets/images/center/light_0_2.png"
          />
          <image
            id="light_o_1"
            x="436"
            y="385"
            width="99"
            height="66"
            xlink:href="../assets/images/center/light_0_1.png"
          />
        </g>
        <image
          id="center-house"
          x="103"
          y="120"
          width="539"
          height="419"
          xlink:href="../assets/images/center/house.png"
        />
        <g id="right">
          <g id="组_380" data-name="组 380">
            <path
              id="line_b_3"
              class="cls-35"
              d="M254.251,93.032s47.68,24.959,35.63,74.5,43.548,85.6,43.548,85.6"
            />
            <path
              id="line_b_2"
              class="cls-35"
              d="M122.023,310.584s19.568,33.927,95.014-1.189,85.512,3.963,85.512,3.963"
            />
            <path
              id="line_b_1"
              class="cls-35"
              d="M236.832,551.912s54.438-25.6,47.506-82.424,34.839-88.368,34.839-88.368"
            />
            <path
              id="line_o_3"
              class="cls-36"
              d="M558.295,108.09s-49.1,12.55-54.633,70.932-39.193,77.669-39.193,77.669"
            />

            <path
              id="line_o_2"
              class="cls-36"
              d="M653,387s-39.424,20.259-79-30-70.444-42.177-79-40"
            />
            <path
              id="line_o_1"
              class="cls-36"
              d="M505,579s-31.47-27.546-17-86c12.415-50.151-42-83-42-83"
            />

            <g id="dots_b">
              <circle
                id="dots39"
                class="cls-37"
                cx="256.219"
                cy="94.234"
                r="2.781"
              />
              <path
                id="dots38"
                class="cls-38"
                d="M331.062,248.777a2.766,2.766,0,1,1-2.765,2.766A2.766,2.766,0,0,1,331.062,248.777Z"
              />
              <path
                id="dots37"
                class="cls-38"
                d="M120.828,306.621a2.781,2.781,0,1,1-2.781,2.781A2.781,2.781,0,0,1,120.828,306.621Z"
              />
              <circle
                id="dots36"
                class="cls-39"
                cx="300.938"
                cy="311.781"
                r="2.781"
              />
              <circle
                id="dots35"
                class="cls-37"
                cx="236.422"
                cy="552.313"
                r="2.766"
              />
              <path
                id="dots34"
                class="cls-38"
                d="M318.391,380.34a2.766,2.766,0,1,1-2.782,2.765A2.773,2.773,0,0,1,318.391,380.34Z"
              />
              <image
                id="dots28"
                x="255"
                y="91"
                width="22"
                height="23"
                xlink:href="../assets/images/center/dots28.png"
              />
              <circle
                id="dots27"
                class="cls-40"
                cx="321.25"
                cy="243.625"
                r="2.375"
              />
              <circle
                id="dots26"
                class="cls-41"
                cx="288"
                cy="184.969"
                r="2.375"
              />
              <circle
                id="dots25"
                class="cls-42"
                cx="155.766"
                cy="326.047"
                r="2.359"
              />
              <circle
                id="dots24"
                class="cls-43"
                cx="284.828"
                cy="298.703"
                r="2.359"
              />
              <path
                id="dots23"
                class="cls-44"
                d="M255.547,537.652a2.375,2.375,0,1,1-2.375,2.375A2.375,2.375,0,0,1,255.547,537.652Z"
              />
              <path
                id="dots22"
                class="cls-45"
                d="M285.641,479a2.375,2.375,0,1,1-2.375,2.375A2.375,2.375,0,0,1,285.641,479Z"
              />
              <circle
                id="dots21"
                class="cls-46"
                cx="286.813"
                cy="436.985"
                r="2.375"
              />
              <circle
                id="dots20"
                class="cls-47"
                cx="276.125"
                cy="112.078"
                r="1.594"
              />
              <path
                id="dots19"
                class="cls-48"
                d="M291.578,149.308a1.579,1.579,0,1,1-1.594,1.578A1.587,1.587,0,0,1,291.578,149.308Z"
              />
              <path
                id="dots18"
                class="cls-49"
                d="M306.625,226.965a1.594,1.594,0,1,1-1.578,1.593A1.585,1.585,0,0,1,306.625,226.965Z"
              />
              <circle
                id="dots17"
                class="cls-50"
                cx="140.734"
                cy="323.266"
                r="1.578"
              />
              <circle
                id="dots16"
                class="cls-51"
                cx="234.938"
                cy="302.672"
                r="1.594"
              />
              <circle
                id="dots15"
                class="cls-52"
                cx="284.422"
                cy="465.516"
                r="1.578"
              />
              <circle
                id="dots14"
                class="cls-53"
                cx="266.625"
                cy="528.938"
                r="1.594"
              />
              <circle
                id="dots13"
                class="cls-54"
                cx="307.797"
                cy="393.016"
                r="1.578"
              />
            </g>
            <g id="dots_o">
              <path
                id="dots33"
                class="cls-55"
                d="M555.906,103.715a2.766,2.766,0,1,1-2.765,2.765A2.765,2.765,0,0,1,555.906,103.715Z"
              />
              <path
                id="dots32"
                class="cls-55"
                d="M466.437,252.34a2.766,2.766,0,1,1-2.765,2.765A2.765,2.765,0,0,1,466.437,252.34Z"
              />
              <circle
                id="dots31"
                class="cls-56"
                cx="652.093"
                cy="385.89"
                r="2.781"
              />
              <path
                id="dots30"
                class="cls-55"
                d="M494.937,312.558a2.766,2.766,0,1,1-2.765,2.766A2.766,2.766,0,0,1,494.937,312.558Z"
              />
              <circle
                id="dots29"
                class="cls-56"
                cx="505.625"
                cy="576.485"
                r="2.781"
              />
              <circle
                id="dots29-2"
                data-name="dots29"
                class="cls-56"
                cx="446.25"
                cy="409.64"
                r="2.781"
              />
              <use id="dots12" x="516" y="118" xlink:href="#image" />
              <use id="dots11" x="505" y="304" xlink:href="#image" />
              <use id="dots10" x="572" y="353" xlink:href="#image" />
              <use id="dots09" x="486" y="555" xlink:href="#image" />
              <use id="dots08" x="479" y="465" xlink:href="#image" />
              <use id="dots07" x="499" y="158" xlink:href="#image-2" />
              <use id="dots06" x="483" y="221" xlink:href="#image-2" />
              <use id="dots05" x="470" y="239" xlink:href="#image-2" />
              <use id="dots04" x="632" y="383" xlink:href="#image-2" />
              <use id="dots03" x="564" y="346" xlink:href="#image-2" />
              <use id="dots02" x="455" y="415" xlink:href="#image-2" />
              <use id="dots01" x="482" y="455" xlink:href="#image-2" />
            </g>
          </g>

          <!-- 开始给点制作动画特效 -->
          <template v-for="item in [1, 2, 3]" :key="item">
            <circle cx="0" cy="0" r="3" class="cus-cls-blue">
              <animateMotion
                dur="6s"
                begin="0s"
                repeatCount="indefinite"
                rotate="auto"
              >
                <mpath :href="`#line_b_${item}`"></mpath>
              </animateMotion>
            </circle>

            <circle cx="0" cy="0" r="3" class="cus-cls-blue">
              <animateMotion
                dur="6s"
                begin="-3s"
                repeatCount="indefinite"
                rotate="auto"
              >
                <mpath :href="`#line_b_${item}`"></mpath>
              </animateMotion>
            </circle>
          </template>

          <template v-for="item in [1, 2, 3]" :key="item">
            <circle cx="0" cy="0" r="3" class="cus-cls-orange">
              <animateMotion
                dur="6s"
                begin="-3s"
                repeatCount="indefinite"
                rotate="auto"
              >
                <mpath :href="`#line_o_${item}`"></mpath>
              </animateMotion>
            </circle>

            <circle cx="0" cy="0" r="3" class="cus-cls-orange">
              <animateMotion
                dur="6s"
                begin="-3s"
                repeatCount="indefinite"
                rotate="auto"
              >
                <mpath :href="`#line_o_${item}`"></mpath>
              </animateMotion>
            </circle>
          </template>
        </g>
        <g id="text">
          <text
            id="text6"
            class="cls-57"
            transform="translate(179.049 154.026) scale(0.481 0.481)"
          >
            广州
          </text>
          <text
            id="text5"
            class="cls-57"
            transform="translate(63.771 351.7) scale(0.481 0.481)"
          >
            深圳
          </text>
          <text
            id="text4"
            class="cls-57"
            transform="translate(161.75 622.618) scale(0.481 0.481)"
          >
            东莞
          </text>
          <text
            id="text3"
            class="cls-57"
            transform="translate(583.87 649.734) scale(0.481 0.481)"
          >
            珠海
          </text>
          <text
            id="text2"
            class="cls-57"
            transform="translate(719.835 441.012) scale(0.481 0.481)"
          >
            中山
          </text>
          <text
            id="text1"
            class="cls-57"
            transform="translate(637.843 173.315) scale(0.481 0.481)"
          >
            佛山
          </text>
        </g>
      </g>
    </svg>

    <!-- 烟花效果 -->
    <img class="lingxA" src="../assets/images/ling/lingxA.png" />
    <img class="lingxB" src="../assets/images/ling/lingxB.png" />
    <img class="lingxC" src="../assets/images/ling/lingxC.png" />
    <img class="lingxD" src="../assets/images/ling/lingxD.png" />
    <img class="lingxE" src="../assets/images/ling/lingxE.png" />
    <img class="lingxF" src="../assets/images/ling/lingxF.png" />
  </div>
</template>

<script setup>
  // 入场动画
  import { onMounted } from 'vue'
  import gsap from 'gsap'

  onMounted(() => {
    let timeline = gsap.timeline()

    timeline
      .fromTo(
        ['#dongxiao'],
        {
          duration: 1,
          scale: 0.8,
          y: 50,
        },
        {
          duration: 1,
          scale: 1,
          y: 0,
        }
      )
      .fromTo(
        ['#center-house'],
        {
          duration: 1,
          scale: 0.7,
          opacity: 0.7,
          transformOrigin: 'bottom',
          y: 30,
        },
        {
          duration: 1,
          scale: 1,
          transformOrigin: 'bottom',
          opacity: 1,
          y: 0,
        },
        // 同时执行动画
        '-=1'
      )
  })
</script>

<style scoped lang="scss">
  .center-svg {
    position: relative;
  }
  .center-svg .lingxA {
    position: absolute;
    top: 30%;
    left: 47%;
    animation: lingxA 2s linear infinite;
  }
  .center-svg .lingxB {
    position: absolute;
    top: 35%;
    left: 58%;
    animation: lingxB 2.2s linear infinite;
  }
  .center-svg .lingxC {
    position: absolute;
    top: 40%;
    left: 40%;
    animation: lingxC 1.7s linear infinite;
  }
  .center-svg .lingxD {
    position: absolute;
    top: 28%;
    left: 41%;
    animation: lingxC 2.7s linear infinite;
  }
  .center-svg .lingxE {
    position: absolute;
    top: 28%;
    left: 54%;
    animation: lingxB 1.2s linear infinite;
  }
  .center-svg .lingxF {
    position: absolute;
    top: 40%;
    left: 53%;
    animation: lingxA 1.4s linear infinite;
  }
  @keyframes lingxA {
    from {
      transform: translateY(0px);
      opacity: 1;
    }
    60% {
      opacity: 1;
    }
    to {
      transform: translateY(-160px);
      opacity: 0;
    }
  }

  .cls-1,
  .cls-11,
  .cls-12,
  .cls-16,
  .cls-17,
  .cls-2,
  .cls-21,
  .cls-22,
  .cls-26,
  .cls-27,
  .cls-31,
  .cls-6,
  .cls-7 {
    stroke: #fff;
  }

  .cls-1,
  .cls-10,
  .cls-11,
  .cls-12,
  .cls-15,
  .cls-16,
  .cls-17,
  .cls-2,
  .cls-20,
  .cls-21,
  .cls-22,
  .cls-25,
  .cls-26,
  .cls-27,
  .cls-30,
  .cls-31,
  .cls-5,
  .cls-6,
  .cls-7 {
    stroke-width: 3px;
  }

  .cls-1,
  .cls-10,
  .cls-11,
  .cls-12,
  .cls-13,
  .cls-14,
  .cls-15,
  .cls-16,
  .cls-17,
  .cls-18,
  .cls-19,
  .cls-2,
  .cls-20,
  .cls-21,
  .cls-22,
  .cls-23,
  .cls-24,
  .cls-25,
  .cls-26,
  .cls-27,
  .cls-28,
  .cls-29,
  .cls-3,
  .cls-30,
  .cls-31,
  .cls-32,
  .cls-33,
  .cls-34,
  .cls-35,
  .cls-36,
  .cls-38,
  .cls-4,
  .cls-44,
  .cls-45,
  .cls-48,
  .cls-49,
  .cls-5,
  .cls-55,
  .cls-6,
  .cls-7,
  .cls-8,
  .cls-9 {
    fill-rule: evenodd;
  }

  .cls-1,
  .cls-11,
  .cls-16,
  .cls-21,
  .cls-26,
  .cls-6 {
    opacity: 0.15;
  }

  .cls-1 {
    fill: url(#linear-gradient);
  }

  .cls-12,
  .cls-13,
  .cls-14,
  .cls-17,
  .cls-18,
  .cls-19,
  .cls-2,
  .cls-22,
  .cls-23,
  .cls-24,
  .cls-27,
  .cls-28,
  .cls-29,
  .cls-3,
  .cls-4,
  .cls-7,
  .cls-8,
  .cls-9 {
    opacity: 0.3;
  }

  .cls-2 {
    fill: url(#linear-gradient-2);
  }

  .cls-3 {
    fill: url(#linear-gradient-3);
  }

  .cls-4 {
    fill: url(#linear-gradient-4);
  }

  .cls-10,
  .cls-15,
  .cls-20,
  .cls-25,
  .cls-30,
  .cls-31,
  .cls-32,
  .cls-33,
  .cls-34,
  .cls-35,
  .cls-36,
  .cls-5 {
    fill: none;
  }

  .cls-10,
  .cls-15,
  .cls-20,
  .cls-25,
  .cls-30,
  .cls-5 {
    stroke-dasharray: 12 12;
    opacity: 0.7;
  }

  .cls-5 {
    stroke: url(#linear-gradient-5);
  }

  .cls-6 {
    fill: url(#linear-gradient-6);
  }

  .cls-7 {
    fill: url(#linear-gradient-7);
  }

  .cls-8 {
    fill: url(#linear-gradient-8);
  }

  .cls-9 {
    fill: url(#linear-gradient-9);
  }

  .cls-10 {
    stroke: url(#linear-gradient-10);
  }

  .cls-11 {
    fill: url(#linear-gradient-11);
  }

  .cls-12 {
    fill: url(#linear-gradient-12);
  }

  .cls-13 {
    fill: url(#linear-gradient-13);
  }

  .cls-14 {
    fill: url(#linear-gradient-14);
  }

  .cls-15 {
    stroke: url(#linear-gradient-15);
  }

  .cls-16 {
    fill: url(#linear-gradient-16);
  }

  .cls-17 {
    fill: url(#linear-gradient-17);
  }

  .cls-18 {
    fill: url(#linear-gradient-18);
  }

  .cls-19 {
    fill: url(#linear-gradient-19);
  }

  .cls-20 {
    stroke: url(#linear-gradient-20);
  }

  .cls-21 {
    fill: url(#linear-gradient-21);
  }

  .cls-22 {
    fill: url(#linear-gradient-22);
  }

  .cls-23 {
    fill: url(#linear-gradient-23);
  }

  .cls-24 {
    fill: url(#linear-gradient-24);
  }

  .cls-25 {
    stroke: url(#linear-gradient-25);
  }

  .cls-26 {
    fill: url(#linear-gradient-26);
  }

  .cls-27 {
    fill: url(#linear-gradient-27);
  }

  .cls-28 {
    fill: url(#linear-gradient-28);
  }

  .cls-29 {
    fill: url(#linear-gradient-29);
  }

  .cls-30 {
    stroke: url(#linear-gradient-30);
  }

  .cls-31 {
    opacity: 0.1;
  }

  .cls-32,
  .cls-33,
  .cls-34 {
    stroke-width: 4px;
  }

  .cls-32 {
    stroke: url(#linear-gradient-31);
  }

  .cls-33 {
    stroke: url(#linear-gradient-32);
  }

  .cls-34 {
    stroke: url(#linear-gradient-33);
  }

  .cls-35 {
    stroke: #1374f1;
  }

  .cls-35,
  .cls-36 {
    stroke-width: 2px;
    opacity: 0.8;
  }

  .cls-36 {
    stroke: #f97a00;
  }

  .cls-37,
  .cls-38,
  .cls-39 {
    fill: #0e68ff;
  }

  .cls-39 {
    opacity: 0.36;
  }

  .cls-40,
  .cls-41,
  .cls-42,
  .cls-43,
  .cls-44,
  .cls-45,
  .cls-46,
  .cls-47,
  .cls-48,
  .cls-49,
  .cls-50,
  .cls-51,
  .cls-52,
  .cls-53,
  .cls-54 {
    fill: #fff;
    opacity: 0.9;
    will-change: opacity;
  }

  /* 编写点的样式 */
  .cus-cls-blue {
    /* 蓝色小蓝点 */
    fill: #fff;
    opacity: 0.9;
    filter: url(#blue-filter-2);
    will-change: opacity;
  }

  .cus-cls-orange {
    /* 橙色的点 */
    fill: #fff;
    opacity: 0.9;
    filter: url(#orange-filter-2);
    will-change: opacity;
  }

  .cls-40 {
    filter: url(#filter);
  }

  .cls-41 {
    filter: url(#filter-2);
  }

  .cls-42 {
    filter: url(#filter-3);
  }

  .cls-43 {
    filter: url(#filter-4);
  }

  .cls-44 {
    filter: url(#filter-5);
  }

  .cls-45 {
    filter: url(#filter-6);
  }

  .cls-46 {
    filter: url(#filter-7);
  }

  .cls-47 {
    filter: url(#filter-8);
  }

  .cls-48 {
    filter: url(#filter-9);
  }

  .cls-49 {
    filter: url(#filter-10);
  }

  .cls-50 {
    filter: url(#filter-11);
  }

  .cls-51 {
    filter: url(#filter-12);
  }

  .cls-52 {
    filter: url(#filter-13);
  }

  .cls-53 {
    filter: url(#filter-14);
  }

  .cls-54 {
    filter: url(#filter-15);
  }

  .cls-55,
  .cls-56 {
    fill: #f97a00;
  }

  .cls-57 {
    font-size: 41.603px;
    fill: #338ed5;
    text-anchor: middle;
    font-family: 'Source Han Sans CN';
  }

  /* icon 的动画特效 上下动画 */
  #icon_star_guangzhou {
    animation: updown 2.2s ease-in infinite;
  }
  #icon_home_foshan {
    animation: updown 1.9s ease-in infinite;
  }
  #icon_location_zhongshan {
    animation: updown 2s ease-in infinite;
  }
  #icon_location_zhongshan {
    animation: updown 2s ease-in infinite;
  }
  #icon_hot_zhuhai {
    animation: updown 2s ease-in infinite;
  }
  #icon_earth_dongguan {
    animation: updown 1.7s ease-in infinite;
  }
  #icon_pie_shenzhen {
    animation: updown 1.7s ease-in infinite;
  }

  @keyframes updown {
    0%,
    100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-10px);
    }
  }

  /* 灯光特效 */
  .center .cls-3,
  /* 矮扇形 */
  .center .cls-4,

  /* 佛山 */
  .center .cls-28,
  .center .cls-29,

  /* 中山 */
  .center .cls-8,
  .center .cls-9,

  /* 珠海 */
  .center .cls-23,
  .center .cls-24,
  /* 东莞 */
  .center .cls-18,
  .center .cls-19,

  /* 深圳 */
  .center .cls-13,
  .center .cls-14 {
    animation: lightEffect 3s linear infinite;
  }

  @keyframes lightEffect {
    0%,
    100% {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
  }
</style>
